<!doctype html>
<!-- Inspired by https://webaudioapi.com/samples/ -->
<head>
  <title>WebCodecs API Samples</title>
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
  <link rel="stylesheet" href="samples.css" type="text/css" media="screen"/>
</head>
<body>
<div id="container">
  <div id="nav"><ul><li>Samples</li></ul></div>
  <div id="header"><h1><a href="../">WebCodecs API</a></h1></div>
  <div id="wrapper">
    <div id="content">
      <article onclick="window.location.href='./video-decode-display/';">
        <h1><a href="./video-decode-display/">Video Decoding and Display</a></h1>
        <p>Demuxes (using mp4box.js) and decodes an mp4 file, paints to canvas ASAP</p>
      </article>
      <article onclick="window.location.href='./audio-video-player/audio_video_player.html';">
        <h1><a href="./audio-video-player/audio_video_player.html">Audio And Video Player</a></h1>
        <p>Demuxes, decodes, and renders synchronized audio and video.</p>
      </article>
      <article onclick="window.location.href='./image-decoder/animated-gif-renderer.html';">
        <h1><a href="./image-decoder/animated-gif-renderer.html">Animated GIF Renderer</a></h1>
        <p>Using ImageDecoder to implement an animated GIF renderer.</p>
      </article>
      <article onclick="window.location.href='./capture-to-file/capture-to-file.html';">
        <h1><a href="./capture-to-file/capture-to-file.html">Capture To File</a></h1>
        <p>Reading from camera, encoding via webcodecs, and creating a webm file on disk.</p>
      </article>
      <article onclick="window.location.href='./encode-decode-worker/index.html';">
        <h1><a href="./encode-decode-worker/index.html">WebCodecs in Worker</a></h1>
        <p>Capture from camera, encode and decode in a worker</p>
      </article>
    </div>
  </div>
</div>
</body>
</html>
